<template>
  <div class="top2">
    <el-container>
      <el-main style="height: 740px">
      
          <img style="width: 550px;height: 350px;margin-top:-300px" src="../assets/tu1.gif" alt="">
       <div style="margin-top:-280px">
        <div class="zhanghu">
          <div class="yuan" style="color: #e6e7ee ">我的帐戶（元）</div>
          <div class="qian"><h1 style="color: #e6e7ee">0.48</h1></div>
        </div>
        <div class="anniu">
          <el-row>
            <el-button class="anniu-a" style="margin-right:140px" round>提现</el-button>
            <el-button class="anniu-a" round>充值</el-button>
          </el-row>
        </div>
        </div>
      </el-main>
    </el-container>
  </div>
</template>
<style>
.el-main {
  border-radius: 4px;
  background-color: #545c64;

  color: #333;
  text-align: center;
  line-height: 700px;
  
}

body > .el-container {
  margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}
/* .top2{
    margin-top: -20px;
  } */

.hover-show {
  margin-left: 450px;
  margin-top: 0px;
  width: 550px;
  height: 350px;
  /* background-image: url(../assets/tu1.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
}
.zhanghu {
  align-items: center;
  line-height: 60px;
  
}
.zhanghu.yuan {
  color: rgba(47, 48, 53, 0.4);
  font-size: 12px;
  line-height: 30px;
}
.qian {
  /* margin-top: -20px; */
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 35px;

  font-weight: 500;
}
.anniu{
  line-height: 110px;

}
.anniu-a{
  width: 100px;
 font-size: 20px; 
}
.anniu-a:hover{
  color: #ffd41a;
}
.anniu-a:active{
  background: rgb(235, 187, 33);
  color:  #545c64
}

</style>